<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">

	<title>公告——大连万达耐酸泵厂有限公司</title>
	<meta content="" name="description">
	<meta content="大连万达耐酸泵厂,大连万达耐酸泵厂有限公司,公告" name="keywords">
	<!-- Favicons -->
	<link href="assets/img/logo.png" rel="icon">

	<!-- Google Fonts -->
	<link
		href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i&display=swap"
		rel="stylesheet">

	<!-- Vendor CSS Files -->
	<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
	<link href="assets/vendor/aos/aos.css" rel="stylesheet">
	<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
	<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
	<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
	<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

	<!-- Template Main CSS File -->
	<link href="assets/css/style.css" rel="stylesheet">

	<link href="assets/css/dlwd.css" rel="stylesheet">
</head>

<body>

	<!-- ======= Header ======= -->
	<header id="header" class="fixed-top d-flex align-items-center ">
		<div class="container d-flex justify-content-between align-items-center">

			<div class="logo">
				<h1 class="text-light">
					<a href="index.html">
						<img src="assets/img/logo.png" alt="" class="img-fluid">
						<span>大连万达耐酸泵厂</span>
					</a>
				</h1>
			</div>

			<nav id="navbar" class="navbar">
				<ul>
					<li><a href="index.html">主页</a></li>
					<li><a href="about.html">关于</a></li>
					<li><a href="portfolio.html">产品</a></li>
					<li class="dropdown"><a href="#"><span>更多</span> <i class="bi bi-chevron-down"></i></a>
						<ul>
							<li><a href="sign.html">登录|注册</a></li>
							<li class="dropdown"><a href="portfolio.html"><span>产品详情</span> <i
										class="bi bi-chevron-right"></i></a>
								<ul>
									<li><a href="portfolio.html">立式泵</a></li>
									<li><a href="portfolio.html">卧式泵</a></li>
									<li><a href="portfolio.html">多级泵</a></li>
								</ul>
							</li>
							<li><a href="blog.html">公告</a></li>
						</ul>
					</li>
					<li><a href="contact.html">联系我们</a></li>
					<li class="dropdown"><a class="active " href="#"><span>购物车</span> <i class="bi bi-chevron-down"></i></a>
						<ul>
							<li><a href="cart.html">查看购物车</a></li>
							<li><a href="checkout.html">收银台</a></li>
							<li><a href="orders.html">我的订单</a></li>
						</ul>
					</li>
				</ul>
				<i class="bi bi-list mobile-nav-toggle"></i>
			</nav><!-- .navbar -->

		</div>
	</header><!-- End Header -->

	<main id="main">
		<!-- 面包屑导航 -->
		<section class="breadcrumbs">
			<div class="container">
				<div class="d-flex justify-content-between align-items-center">
					<h2>我的订单</h2>
					<ol>
						<li><a href="index.html">主页</a></li>
						<li>我的订单</li>
					</ol>
				</div>
			</div>
		</section>

		<!-- 订单列表区域 -->
		<section class="orders">
			<div class="container" data-aos="fade-up">
				<!-- 订单筛选 -->
				<div class="mb-4">
					<div class="btn-group" role="group">
						<button type="button" class="btn btn-outline-primary active">全部订单</button>
						<button type="button" class="btn btn-outline-primary">待付款</button>
						<button type="button" class="btn btn-outline-primary">待发货</button>
						<button type="button" class="btn btn-outline-primary">已发货</button>
						<button type="button" class="btn btn-outline-primary">已完成</button>
					</div>
				</div>

				<!-- 订单列表 -->
				<div class="order-list">
					<!-- 订单项 -->
					<div class="order-card p-4 mb-4 border">
						<div class="d-flex justify-content-between align-items-center mb-3">
							<div>
								<span class="order-number">订单号：2025010701</span>
								<span class="ms-3 order-date">2025-01-07 14:30</span>
							</div>
							<span class="order-status status-pending">待付款</span>
						</div>

						<!-- 订单商品 -->
						<div class="order-items">
							<div class="row align-items-center">
								<div class="col-md-8">
									<div class="d-flex align-items-center">
										<img src="products/AYMY高温单多级油泵/AYMY高温单多级油泵-1.jpg" alt="" class="img-fluid"
											style="width: 80px;">
										<div class="ms-3">
											<h6>立式耐酸泵 WF100-65-25</h6>
											<small class="text-muted">数量：1</small>
										</div>
									</div>
								</div>
								<div class="col-md-4 text-end">
									<h5 class="mb-0">¥7,998</h5>
								</div>
							</div>
						</div>

						<hr>

						<!-- 订单操作 -->
						<div class="d-flex justify-content-between align-items-center">
							<div>
								<span>实付金额：</span>
								<span class="h5 mb-0 text-primary">¥8,998</span>
							</div>
							<div>
								<button class="btn btn-outline-secondary me-2">取消订单</button>
								<button class="btn btn-primary">立即付款</button>
							</div>
						</div>
					</div>

					<!-- 更多订单项（已付款状态） -->
					<div class="order-card p-4 mb-4 border">
						<div class="d-flex justify-content-between align-items-center mb-3">
							<div>
								<span class="order-number">订单号：2025010702</span>
								<span class="ms-3 order-date">2025-01-07 10:20</span>
							</div>
							<span class="order-status status-paid">已付款</span>
						</div>

						<!-- 订单商品 -->
						<div class="order-items">
							<div class="row align-items-center">
								<div class="col-md-8">
									<div class="d-flex align-items-center">
										<img src="products/DMC卧式多级泵/DMC卧式多级泵-1.jpg" alt="" class="img-fluid"
											style="width: 80px;">
										<div class="ms-3">
											<h6>卧式耐酸泵 WF150-125-25</h6>
											<small class="text-muted">数量：1</small>
										</div>
									</div>
								</div>
								<div class="col-md-4 text-end">
									<h5 class="mb-0">¥8,998</h5>
								</div>
							</div>
						</div>

						<hr>

						<!-- 订单操作 -->
						<div class="d-flex justify-content-between align-items-center">
							<div>
								<span>实付金额：</span>
								<span class="h5 mb-0 text-primary">¥8,998</span>
							</div>
							<div>
								<button class="btn btn-outline-secondary">查看物流</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</main>

	<!-- ======= Footer ======= -->
	<footer id="footer" data-aos="fade-up" data-aos-easing="ease-in-out" data-aos-duration="500">

		<div class="wallpaper">
			<form action="https://cn.bing.com" class="input-data">
				<input type="text" name="q" required="" value=""
					placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大连万达耐酸泵厂" />
				<div class="underline"></div>
				<label>Search</label>
			</form>
		</div>
		<div class="footer-newsletter">
			<div class="container">
				<div class="row">

				</div>
			</div>
		</div>

		<div class="footer-top">
			<div class="container">
				<div class="row">

					<div class="col-lg-3 col-md-6 footer-links">
						<h4>List Of Links</h4>
						<ul>
							<li><i class="bx bx-chevron-right"></i> <a href="index.html">主页</a></li>
							<li><i class="bx bx-chevron-right"></i> <a href="about.html">关于</a></li>
							<li><i class="bx bx-chevron-right"></i> <a href="blog.html">公告</a></li>
						</ul>
					</div>

					<div class="col-lg-3 col-md-6 footer-links">
						<h4>Our Products</h4>
						<ul>
							<li><i class="bx bx-chevron-right"></i> <a href="portfolio.html">立式泵</a></li>
							<li><i class="bx bx-chevron-right"></i> <a href="portfolio.html">卧式泵</a></li>
							<li><i class="bx bx-chevron-right"></i> <a href="portfolio.html">多级泵</a></li>
						</ul>
					</div>

					<div class="col-lg-3 col-md-6 footer-contact">
						<h4>Contact Us</h4>
						<p>
							<!-- <strong>办公地址：</strong><br>
							辽宁省大连市沙河口区<br>
							绿波路63号2-1-2<br> -->
							<strong>电话：</strong> 13941149568<br>
							<!-- <strong>传真：</strong> 0411-86840982<br> -->
							<strong>座机：</strong> 0411-86840448<br>
							<strong>邮箱：</strong> <a class="lianjie" href="mailto:dl.wd@163.com"
								style="text-decoration:none;">dl.wd@163.com</a><br>
						</p>

					</div>

					<div class="col-lg-3 col-md-6 footer-info">
						<h3>About Us</h3>
						<!-- <br>
						<p class="suojin">我们高度重视开放式创新，充分整合技术资源，一直以来与相关院校、科研单位及产业链上下游企业保持紧密合作。</p>
						<br> -->
						<p class="suojin">我们倡导与客户相互信任与尊重。共同建立广泛对等合作和战略伙伴关系，并积极探索在互利基础上的多种合作形式。</p>
						<!-- <div class="social-links mt-3">
							<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
							<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
							<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
							<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
						</div> -->
					</div>

				</div>
			</div>
		</div>

		<div class="container">
			<div class="copyright">
				&copy; Copyright <strong><span>大连万达耐酸泵厂有限公司</span></strong>. All Rights Reserved
			</div>
			<div class="copyright">
				<a class="lianjie" href="https://beian.miit.gov.cn/" target="_blank">辽ICP备2022006841号-1</a>
			</div>
		</div>
	</footer><!-- End Footer -->

	<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
			class="bi bi-arrow-up-short"></i></a>

	<!-- Vendor JS Files -->
	<script src="assets/vendor/purecounter/purecounter.js"></script>
	<script src="assets/vendor/aos/aos.js"></script>
	<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
	<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
	<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
	<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
	<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>

	<!-- Template Main JS File -->
	<script src="assets/js/main.js"></script>

</body>

</html>